<template>
	<view>
		<view class="u-padding-30 u-font-40 u-font-b" style="text-align: center;">联系客服</view>
		<view class="content u-margin-30 u-padding-30 u-main-color u-f-jsb">
			<view class="u-f-ajc u-flex-col">
				<u-avatar :src="src" size="large"></u-avatar>
				<!-- <view class="u-margin-top-10">【客服阿祖】</view> -->
			</view>
			<view class="u-fc u-flex-1">
				<view class="u-f-jsb" @click="concat">
					<view><u-icon name="phone-fill" color="#6F98FF" margin-left="10"></u-icon><text class="u-margin-left-10">致电</text></view>
					<view><text>400-069-0679</text></view>
				</view>
				<view>
					<u-line color="#ffffff"></u-line>
				</view>
				<view class="u-f">
					<button class="contact-btn"  open-type="contact"><u-icon name="weixin-circle-fill" color="#46BB36"></u-icon><text class="u-margin-left-10">联系客服</text></button>
					<!-- <view>
						<text>WEIXIN99</text>
					</view> -->
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				src: require('../../../static/logo.jpg')
			}
		},
		methods: {
			concat(){
				uni.makePhoneCall({
				    phoneNumber: '4000690679' //仅为示例
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background-color: #FFFFFF;
	}
	.content{
		border-radius: 20rpx;
		position: relative;
		max-height: 180rpx;
		.pic{
			position: relative;
			top: -30rpx;
		}
		.u-flex-1{
			margin-left: 20rpx;
			justify-content: space-between;
		}
	}
	.contact-btn{
		color: #080808;
		margin: 0;
		font-size: 26rpx;
	}
</style>
